/*
 * @Author: PangLei 
 * @Date: 2017-09-19 16:36:26 
 * @Last Modified by: PangLei
 * @Last Modified time: 2017-09-20 15:22:56
 */

.service_box {
  margin-bottom : 30px;
  .service_brief {
    position : relative;
    width : 160px;
  }
  .service_content {
    width : 1030px;
  }
}

.service_1 {
  .service_brief {
    height : 458px;
    padding-top : 100px;
    background : url('../../images/content_bg_red.png') no-repeat left top;
    .s_brief_link {
      display : block;
      width : 120px;
      height : 32px;
      margin-bottom : 10px;
      margin-left : 20px;
      font-size : 14px;
      line-height : 32px;
      text-align : center;
      text-decoration : none;
      color : #fff;
      border : 1px solid #fff;
      border-radius : @border-base;
    }

    .offer_box {
      width : 120px;
      margin-top : 10px;
      margin-bottom : 15px;
      margin-left : 20px;
      font-size : 12px;
      color : #fff;
      border-radius : @border-base;
      background : rgba(188, 25, 25, .75);

      .offer_title {
        margin-bottom : 8px;
        padding : 10px 0 10px 35px;
        font-size : 14px;
        border-bottom : 3px solid rgba(238, 54, 54, .28);
      }
      .offer_title2 {
        background : rgba(154, 27, 25, .75);
      }

      .offer_title1 {
        background : url('../../images/ht-icon.png') no-repeat 10px center;
      }
      .offer_title2 {
        background : url('../../images/ht-icon_02.png') no-repeat 10px center;
      }

      .offer_list {
        padding-bottom : 20px;
        padding-left : 10px;
      }
    }
  }
  .offer_data {
    width : 728px;
    font-size : 12px;
    background : #fff;
    .offer_data_title {
      height : 45px;
      line-height : 45px;
      .offer_data_items {
        min-width : 80px;
        text-align : center;
        border-bottom : 2px solid #fff;
      }
      .active,
      .offer_data_items:hover {
        border-color : @base-cs-color;
        background : url('../../images/top-icon.png') no-repeat center 39px;
      }
    }
  }
}

.service_2 {
  .service_brief {
    height : 458px;
    background : url('../../images/content_bg_blue.png') no-repeat left top;
  }
}

.service_3 {
  .service_brief {
    height : 399px;
    background : url('../../images/content_bg_yello.png') no-repeat left top;
  }
}

.service_4 {
  .service_brief {
    height : 347px;
    background : url('../../images/content_bg_zi.png') no-repeat left top;
  }
}
